.neo-field-trigger {
    align-items    : center;
    border-left    : var(--trigger-border-width) solid var(--textfield-border-color);
    color          : var(--trigger-color);
    cursor         : pointer;
    display        : flex;
    flex-shrink    : 0;
    font-size      : 14px;
    height         : var(--textfield-input-height); // has to be 1px smaller to not overlap the bottom border on hover
    justify-content: center;
    line-height    : 26px;
    text-align     : center;
    width          : 22px;

    &.neo-align-start {
        border-left : 0;
        border-right: var(--trigger-border-width) solid var(--textfield-border-color);
    }

    &:hover {
        background-color: var(--trigger-background-color-hover);
        color           : var(--trigger-color-hover);
    }
}

.neo-focus {
    .neo-field-trigger {
        outline: none;
    }
}
